<template>
  <page-layout>
    <div slot="headerContent">
      <div class="title">{{ timeFix }}，欢迎使用</div>
    </div>

    <div>
      <a-row :gutter="24">
        <a-col :xl="16" :lg="24" :md="24" :sm="24" :xs="24">
          <a-card
            class="project-list"
            style="margin-bottom: 24px"
            :bordered="false"
            title="快捷操作"
            :body-style="{ padding: 0 }"
          >
            <div>
              <a-card-grid class="quickNav" :key="i" v-for="(item, i) in projects">
                <a @click="handlePage(item.link)">
                  <div class="cover">
                    <svg
                      t="1683599771049"
                      v-if="item.type == 1"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="2861"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M636.563372 646.495675a3.9934 3.9934 0 0 0 0 2.022299v27.21144a269.375331 269.375331 0 0 0 52.963752-30.078497h-48.432779a7.474826 7.474826 0 0 0-4.530973 0.844758z"
                        fill="#429EFD"
                        p-id="2862"
                      ></path>
                      <path
                        d="M696.336383 588.258587a3.455827 3.455827 0 0 0 0.383981 1.510325c3.583821 9.829909 6.527674 17.330333 8.933953 22.757262h46.077696a241.19114 241.19114 0 0 0 10.597871-25.368332 23.038848 23.038848 0 0 1 1.228738-2.559872h-68.322984l0.486376 1.049548z"
                        fill="#429EFD"
                        p-id="2863"
                      ></path>
                      <path
                        d="M613.114944 405.253337c1.715114 0 3.276636 0 4.889356-0.153592a19.813409 19.813409 0 0 0 17.919104-13.490525 21.221339 21.221339 0 0 0-22.117294-28.440178c-16.818359-0.230388-100.986951-0.179191-141.458527-0.153593h-82.504675a19.071046 19.071046 0 0 0-15.589621 8.293986 22.731663 22.731663 0 0 0-2.355082 20.658167 20.478976 20.478976 0 0 0 22.142893 13.132143z"
                        fill="#429EFD"
                        p-id="2864"
                      ></path>
                      <path
                        d="M507.059447 510.412879h-57.571521v0.153593h-12.338583c-13.132143 0-26.725064 0-40.087596 0.204789a20.683766 20.683766 0 0 0-1.254337 41.188341l2.073496 0.230389a57.981101 57.981101 0 0 0 6.681266 0.511974q23.653217 0 47.255237 0.127994t47.588021-0.127994a96.379181 96.379181 0 0 0 14.847257-1.484726 16.536773 16.536773 0 0 0 10.649068-7.270036 21.758912 21.758912 0 0 0 3.737413-16.20399 20.19739 20.19739 0 0 0-21.579721-17.330334z"
                        fill="#429EFD"
                        p-id="2865"
                      ></path>
                      <path
                        d="M693.469327 715.305035h-0.307185v0.358382l0.281586 31.896005h69.577321v-30.79526l-1.356732-1.40793z"
                        fill="#429EFD"
                        p-id="2866"
                      ></path>
                      <path
                        d="M796.043398 703.40163a32.868757 32.868757 0 0 1 0 4.99175v46.487276a24.984351 24.984351 0 0 1-1.715114 11.289036l0.767961 0.230388c18.635868 6.630068 22.552472 4.19819 22.782861 3.967802a8.140393 8.140393 0 0 0-0.127994-2.355083v-59.081846a16.741563 16.741563 0 0 1-21.707714-5.529323z"
                        fill="#429EFD"
                        p-id="2867"
                      ></path>
                      <path
                        d="M511.974401 0a511.974401 511.974401 0 1 0 511.974402 511.974401 511.974401 511.974401 0 0 0-511.974402-511.974401z m-211.39423 805.59172a47.946403 47.946403 0 0 1-47.946403-47.946402V266.226689a47.946403 47.946403 0 0 1 47.946403-47.946403h406.021299a47.920804 47.920804 0 0 1 47.920804 47.946403v254.860857h-5.375731c-1.151942-2.227089-2.099095-4.044598-2.81586-5.529324l-1.535923-2.559872-1.766311-2.559872-1.023949-1.177541a42.877856 42.877856 0 0 0-32.843158-15.820009 45.386531 45.386531 0 0 0-21.656517 5.938903 41.085946 41.085946 0 0 0-17.637518 21.81011h-70.908455l-1.382331 0.153592a39.39643 39.39643 0 0 0-36.222189 40.522774 38.39808 38.39808 0 0 0 20.478976 35.19824 48.637568 48.637568 0 0 0-10.930653 36.657367v141.535323a37.783711 37.783711 0 0 0 14.360882 30.308885z m544.075196-220.968151h-52.40058a20.325384 20.325384 0 0 1 0.40958 14.104895 83.170241 83.170241 0 0 1-5.60612 13.746512h31.256037a30.718464 30.718464 0 0 1 24.0116 7.679616 31.153642 31.153642 0 0 1 7.270036 23.704415v128.223989a31.435228 31.435228 0 0 1-10.572271 27.416229 31.972801 31.972801 0 0 1-20.120594 5.887706 103.572421 103.572421 0 0 1-32.843158-6.732464 16.280786 16.280786 0 0 1-12.338583-20.325383h-88.648368a25.035548 25.035548 0 0 1-21.118944-6.374082 17.919104 17.919104 0 0 1-3.711814-14.898455v-50.275886a26.494675 26.494675 0 0 1 0-5.503725c-2.99505 1.535923-6.041298 3.046248-9.164342 4.582171a20.760562 20.760562 0 0 1-14.437678 1.433528v81.147943a16.843958 16.843958 0 0 1-15.820009 15.973601 15.589621 15.589621 0 0 1-16.127194-15.973601v-145.912704a29.00335 29.00335 0 0 1 6.143693-22.80846 27.774611 27.774611 0 0 1 22.168492-7.372431h36.631768a137.900305 137.900305 0 0 0-2.355082-5.119744 36.119794 36.119794 0 0 1-2.559872-10.085896 16.843958 16.843958 0 0 1-0.230389-12.59457h-53.757312a14.437678 14.437678 0 0 1-15.359232-15.9992 15.692015 15.692015 0 0 1 14.744863-17.074347H705.526324l-1.459127-3.020649a16.459977 16.459977 0 0 1 5.375731-23.243637 17.637518 17.637518 0 0 1 23.422829 5.529323l0.844757 1.305535c1.868707 3.891005 5.119744 10.239488 9.778712 19.429428h101.39653a16.229589 16.229589 0 0 1 14.360882 16.40878c-1.715114 15.308035-10.777061 16.79276-14.591271 16.79276z"
                        fill="#429EFD"
                        p-id="2868"
                      ></path>
                      <path
                        d="M817.699915 679.00605v-30.872057a5.119744 5.119744 0 0 0-0.383981-2.559872h-39.780411a385.875106 385.875106 0 0 1 40.164392 33.431929z"
                        fill="#429EFD"
                        p-id="2869"
                      ></path>
                      <path
                        d="M743.873206 657.451927a17.253537 17.253537 0 0 1 1.305535-11.80101h-21.554122a16.767162 16.767162 0 0 1-5.119744 19.173442l-0.281586 0.230388a294.385281 294.385281 0 0 1-26.059497 18.226289h80.482376a508.672166 508.672166 0 0 0-20.478976-15.871206 16.536773 16.536773 0 0 1-8.293986-9.957903z"
                        fill="#429EFD"
                        p-id="2870"
                      ></path>
                    </svg>
                    <svg
                      t="1683599796969"
                      v-if="item.type == 2"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="3012"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M658.3296 674.7648h-57.2672a22.912 22.912 0 1 0 0 45.7984h57.2672a22.912 22.912 0 0 0 0-45.7984z"
                        fill="#429EFD"
                        p-id="3013"
                      ></path>
                      <path
                        d="M601.0624 543.8976h117.1712a22.8608 22.8608 0 0 0 0-45.7472h-117.1712a22.8608 22.8608 0 0 0 0 45.7472z"
                        fill="#429EFD"
                        p-id="3014"
                      ></path>
                      <path
                        d="M718.2336 586.4448h-117.1712a22.912 22.912 0 1 0 0 45.7984h117.1712a22.912 22.912 0 0 0 0-45.7984z"
                        fill="#429EFD"
                        p-id="3015"
                      ></path>
                      <path
                        d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m-19.3024 431.8208v337.5104a10.24 10.24 0 0 1-10.24 10.24h-188.5952a24.2944 24.2944 0 0 1-24.32-24.3456v-417.28a37.4784 37.4784 0 0 1 18.6624-32.384l204.9792-118.3488a26.0608 26.0608 0 0 1 25.1392-0.9216l218.9056 126.3872a20.1728 20.1728 0 0 1 7.9616 15.36v40.1664a10.7776 10.7776 0 0 1-10.7776 10.752h-188.8512a52.8384 52.8384 0 0 0-52.864 52.864z m290.176 315.7504a30.2848 30.2848 0 0 1-30.208 30.2592H566.784a30.336 30.336 0 0 1-30.2848-30.2592v-291.84a30.3616 30.3616 0 0 1 30.2848-30.2592h132.6336a83.584 83.584 0 0 1 83.456 83.712z"
                        fill="#429EFD"
                        p-id="3016"
                      ></path>
                    </svg>

                    <svg
                      t="1683599903526"
                      v-if="item.type == 3"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="3450"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M608.9984 521.8048h-31.8208l50.304-50.304a27.008 27.008 0 1 0-38.1696-38.1696l-77.2608 77.312-77.2864-77.312a27.008 27.008 0 0 0-38.1696 38.1696l50.304 50.304h-31.5904a27.008 27.008 0 0 0 0 53.9648h69.76v26.9824h-53.9392a27.008 27.008 0 1 0 0 53.9648h53.9392v41.4976a27.008 27.008 0 1 0 53.9648 0v-41.4976h51.5584a27.008 27.008 0 1 0 0-53.9648h-51.5584V575.744h69.9648a27.008 27.008 0 1 0 0-53.9648z"
                        fill="#10C55B"
                        p-id="3451"
                      ></path>
                      <path
                        d="M512 0a512 512 0 1 0 512 512 512 512 0 0 0-512-512z m2.56 813.6192h-5.4784c-150.8608 0-276.0448-77.6448-276.0448-240.64a226.3552 226.3552 0 0 1 72.4992-157.6704 371.2 371.2 0 0 1 48.64-42.1632c2.7904-2.0992 5.2992-3.8912 7.68-5.4272a66.9184 66.9184 0 0 1-39.6288-58.6752 77.568 77.568 0 0 1 83.968-69.504 80.6656 80.6656 0 0 1 28.7488 5.12 49.3568 49.3568 0 0 1 9.9328 4.5312 6.5792 6.5792 0 0 0 5.888-1.8176 86.5792 86.5792 0 0 1 16.128-17.408 61.184 61.184 0 0 1 89.8304 0 87.3472 87.3472 0 0 1 16.128 17.408 6.656 6.656 0 0 0 5.8624 1.8176 50.0736 50.0736 0 0 1 9.8816-4.5312 80.7936 80.7936 0 0 1 29.0048-5.12 77.5424 77.5424 0 0 1 83.9168 69.504 66.9184 66.9184 0 0 1-39.6288 58.6496c2.56 1.536 4.9664 3.328 7.68 5.4528a366.4896 366.4896 0 0 1 48.64 42.112 226.3296 226.3296 0 0 1 72.4736 157.6448c0.128 163.0208-125.0816 240.7168-275.8912 240.7168z"
                        fill="#10C55B"
                        p-id="3452"
                      ></path>
                    </svg>
                    <svg
                      t="1683599827524"
                      v-if="item.type == 4"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="3158"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M587.1872 595.712h-171.7504a20.48 20.48 0 0 0 0.5632 40.704h171.1872a20.48 20.48 0 0 0 0-40.704z"
                        fill="#8543E0"
                        p-id="3159"
                      ></path>
                      <path
                        d="M421.504 447.2832h58.88v31.4624H421.632a17.536 17.536 0 1 0 0 35.072h58.752v30.5664a17.536 17.536 0 1 0 35.072 0v-30.5664h64.9728a17.536 17.536 0 1 0 0-35.072h-64.9728v-31.4624h66.2528a17.5616 17.5616 0 1 0-1.28-35.0976h-48.4096l49.4336-50.56a17.536 17.536 0 0 0-26.2144-23.3216l-56.1408 58.2656-49.0752-58.0608a17.5616 17.5616 0 0 0-26.624 22.8864l43.52 50.7392h-46.592a17.5616 17.5616 0 1 0 1.28 35.0976z"
                        fill="#8543E0"
                        p-id="3160"
                      ></path>
                      <path
                        d="M511.104 674.5344h-96.6144a20.352 20.352 0 0 0 1.5104 40.6784h95.104a20.352 20.352 0 0 0 0-40.6784z"
                        fill="#8543E0"
                        p-id="3161"
                      ></path>
                      <path
                        d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m221.8496 741.4272a64.64 64.64 0 0 1-64.5376 64.5632h-335.36a64.6656 64.6656 0 0 1-64.5376-64.5632V296.448a64.64 64.64 0 0 1 64.5376-64.5376h335.36a64.64 64.64 0 0 1 64.5376 64.5376z"
                        fill="#8543E0"
                        p-id="3162"
                      ></path>
                    </svg>
                    <svg
                      t="1683599967740"
                      v-if="item.type == 5"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="3596"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0zM250.88 407.7568l98.048-161.1264a8.3456 8.3456 0 0 1 7.0656-4.096h309.376a8.4736 8.4736 0 0 1 7.0656 4.0192l98.432 161.28a8.832 8.832 0 0 1-7.0656 13.5424h-505.856a8.8064 8.8064 0 0 1-7.0656-13.5424z m528.2304 300.7488a59.1104 59.1104 0 0 1-59.136 59.0848h-418.304a59.0848 59.0848 0 0 1-59.0336-59.136v-232.2176a21.1968 21.1968 0 0 1 21.1968-21.1968H757.76a21.2992 21.2992 0 0 1 21.1968 21.1968z"
                        fill="#429EFD"
                        p-id="3597"
                      ></path>
                      <path
                        d="M656.1536 582.5536H365.4144a20.7104 20.7104 0 0 0-20.6592 20.7616v1.3824a20.7104 20.7104 0 0 0 20.736 20.6848h290.6624a20.7104 20.7104 0 0 0 20.6592-20.7616v-1.3056a20.736 20.736 0 0 0-20.6592-20.7616z"
                        fill="#429EFD"
                        p-id="3598"
                      ></path>
                    </svg>
                    <svg
                      t="1683599991809"
                      v-if="item.type == 6"
                      class="icon"
                      viewBox="0 0 1024 1024"
                      version="1.1"
                      xmlns="http://www.w3.org/2000/svg"
                      p-id="3740"
                      width="30"
                      height="30"
                    >
                      <path
                        d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m289.4848 685.7984a85.6576 85.6576 0 0 1-85.5808 85.5552h-414.72a85.6576 85.6576 0 0 1-85.5808-85.5552v-117.76h184.96a32.1536 32.1536 0 0 0 22.912-9.7024l19.4816-20.1472 57.1904 106.3168a31.7696 31.7696 0 0 0 28.16 16.9472h1.4848a31.872 31.872 0 0 0 28.16-19.6096l74.24-174.464 31.232 88.448a32.1536 32.1536 0 0 0 30.208 21.5808h107.8784z m0-155.7248h-97.024l-40.6528-115.2a32 32 0 0 0-59.7504-1.9712l-77.2864 181.3504-52.0448-96.7168a30.848 30.848 0 0 0-6.0928-8.1152 31.9232 31.9232 0 0 0-45.1072 0.8704l-29.568 30.4896H215.6032v-165.7344a85.7088 85.7088 0 0 1 85.5808-85.5808h414.72a85.7088 85.7088 0 0 1 85.5808 85.5808z"
                        fill="#429EFD"
                        p-id="3741"
                      ></path>
                    </svg>
                  </div>
                  <div class="title">
                    {{ item.title }}
                  </div>
                </a>
              </a-card-grid>
            </div>
          </a-card>

          <a-card
            class="project-list"
            style="margin-bottom: 24px"
            :bordered="false"
            title="营销中心"
            :body-style="{ padding: 0 }"
          >
            <a-card-grid class="quickNav" :key="i" v-for="(item, i) in projects1">
              <a @click="handlePage(item.link)">
                <div class="cover">
                  <svg
                    t="1683599673894"
                    v-if="item.type == 1"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2423"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m289.0496 327.3984L454.528 770.4576a19.1488 19.1488 0 0 1-15.0528 7.3472h-111.4624a19.2 19.2 0 0 1-19.1744-19.1488v-354.816a19.1744 19.1744 0 0 0-19.1488-19.1488H234.6752a19.1488 19.1488 0 0 1-19.0976-19.1488v-50.048a19.1232 19.1232 0 0 1 19.2-19.0464h181.5552a19.1488 19.1488 0 0 1 19.1488 19.1488v153.344a19.1488 19.1488 0 0 0 33.792 12.3648l150.3488-178.048a19.2256 19.2256 0 0 1 14.6432-6.8096h151.68a19.1488 19.1488 0 0 1 15.104 30.9504z"
                      fill="#CAA36E"
                      p-id="2424"
                    ></path>
                  </svg>
                  <svg
                    t="1683599746678"
                    v-if="item.type == 2"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2714"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m-10.496 774.016a20.8128 20.8128 0 0 1-6.3488 14.848 21.8624 21.8624 0 0 1-15.36 6.1696h-151.04a42.6496 42.6496 0 0 1-43.2384-42.0096v-188.928a20.9152 20.9152 0 0 1 6.3488-14.8736 21.9136 21.9136 0 0 1 15.36-6.144h172.5952a21.6832 21.6832 0 0 1 15.36 6.144 20.6848 20.6848 0 0 1 6.3232 14.848z m258.9952-21.0176a42.624 42.624 0 0 1-43.1616 42.0096h-151.04a21.9392 21.9392 0 0 1-15.36-6.1696 20.48 20.48 0 0 1-6.3488-14.848v-209.92a20.7616 20.7616 0 0 1 6.3488-14.848 21.7856 21.7856 0 0 1 15.36-6.1696h172.6208a21.7344 21.7344 0 0 1 15.232 6.1696 20.48 20.48 0 0 1 6.3488 14.848z m43.52-293.8368a42.5728 42.5728 0 0 1-43.136 42.0096h-194.2016a21.888 21.888 0 0 1-15.36-6.1696 20.48 20.48 0 0 1-6.3488-14.8224v-84.48a20.6336 20.6336 0 0 0-7.68-16.0256 21.6576 21.6576 0 0 0-35.4816 17.1264v83.3024a20.7104 20.7104 0 0 1-6.3232 14.8224 21.9136 21.9136 0 0 1-15.36 6.1696h-194.2272a42.624 42.624 0 0 1-43.136-42.0096v-83.968a42.5472 42.5472 0 0 1 43.136-41.9584h42.8032a85.7344 85.7344 0 0 1 5.12-118.4 92.3904 92.3904 0 0 1 114.5088-10.6752 90.8032 90.8032 0 0 1 31.8976 37.1456l42.9824 89.1648 42.6752-88.4736a91.3152 91.3152 0 0 1 146.7136-27.1616 85.6832 85.6832 0 0 1 5.12 118.4h43.2128a42.496 42.496 0 0 1 43.0848 41.984z"
                      fill="#F46B6B"
                      p-id="2715"
                    ></path>
                    <path
                      d="M405.632 231.5776a47.104 47.104 0 0 0-41.4208 12.8 44.5184 44.5184 0 0 0-13.1072 40.2944 45.6192 45.6192 0 0 0 26.4192 33.5872l32.4096 14.8224 66.7904-0.1536-36.608-75.7504a46.08 46.08 0 0 0-34.4832-25.6z"
                      fill="#F46B6B"
                      p-id="2716"
                    ></path>
                    <path
                      d="M640.4352 231.808a46.3616 46.3616 0 0 0-34.5344 25.6l-36.5312 75.7504h66.816l32.384-14.7968a45.2608 45.2608 0 0 0 26.368-33.6128v0.1536a44.288 44.288 0 0 0-13.056-40.2944 47.3344 47.3344 0 0 0-41.4464-12.8z"
                      fill="#F46B6B"
                      p-id="2717"
                    ></path>
                  </svg>
                  <svg
                    t="1683599222914"
                    v-if="item.type == 3"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="1989"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M544.2048 568.8576h-173.3376a21.12 21.12 0 1 0 0 42.2144h173.7472a21.0176 21.0176 0 0 0 21.0432-21.0944 21.4016 21.4016 0 0 0-21.4528-21.12z"
                      fill="#429EFD"
                      p-id="1990"
                    ></path>
                    <path
                      d="M441.1136 671.4368h-70.3744a21.12 21.12 0 1 0 0 42.2144h70.784a21.0176 21.0176 0 0 0 21.0432-21.0944 21.376 21.376 0 0 0-21.4528-21.12z"
                      fill="#429EFD"
                      p-id="1991"
                    ></path>
                    <path
                      d="M649.9584 252.928h-165.5552v217.1392a8.8832 8.8832 0 0 0 2.56 5.3504 9.7024 9.7024 0 0 0 6.272 0.7936l66.8416-28.9024a13.4656 13.4656 0 0 1 11.3152 0l68.096 28.5184a10.6752 10.6752 0 0 0 8.0128-0.4096 7.68 7.68 0 0 0 2.56-6.6048z"
                      fill="#429EFD"
                      p-id="1992"
                    ></path>
                    <path
                      d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m238.4128 772.352a34.304 34.304 0 0 1-34.4576 33.8944H308.0704a34.3296 34.3296 0 0 1-34.4576-33.8944V251.6224a34.3296 34.3296 0 0 1 34.4576-33.8944h407.4752a35.3792 35.3792 0 0 1 24.6784 10.0608 33.92 33.92 0 0 1 10.24 24.2944z"
                      fill="#429EFD"
                      p-id="1993"
                    ></path>
                  </svg>
                  <svg
                    t="1683599592956"
                    v-if="item.type == 4"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2135"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m134.8352 785.7152h-248.96a21.5296 21.5296 0 0 1 0-43.0592h248.96a21.5296 21.5296 0 1 1 0 43.0592z m155.4944-153.3696a52.736 52.736 0 0 1-52.6848 52.6848h-454.4a52.7616 52.7616 0 0 1-52.736-52.6848V325.3504a52.736 52.736 0 0 1 52.736-52.7104h454.4a52.7616 52.7616 0 0 1 52.6848 52.7104z"
                      fill="#429EFD"
                      p-id="2136"
                    ></path>
                    <path
                      d="M649.344 397.3888a22.4 22.4 0 0 0-31.6928-1.3568l-129.152 118.6304-43.52-40.0128a22.4512 22.4512 0 0 0-30.336 33.0752l58.7264 53.76a22.7328 22.7328 0 0 0 4.3008 2.56c0.7936 0.5376 1.5872 1.0496 2.432 1.5104a21.632 21.632 0 0 0 16.8704 0 21.5808 21.5808 0 0 0 2.56-1.5104 21.9648 21.9648 0 0 0 4.2752-2.56l144.384-132.5312h-0.1792a22.4 22.4 0 0 0 1.3312-31.5648z"
                      fill="#429EFD"
                      p-id="2137"
                    ></path>
                  </svg>
                  <svg
                    t="1683599631826"
                    v-if="item.type == 5"
                    class="icon"
                    viewBox="0 0 1024 1024"
                    version="1.1"
                    xmlns="http://www.w3.org/2000/svg"
                    p-id="2279"
                    width="30"
                    height="30"
                  >
                    <path
                      d="M675.968 589.3376a168.576 168.576 0 0 1-5.8112-9.4464c-1.2544 2.2016-2.56 4.4544-4.0448 6.7072a248.7296 248.7296 0 0 1-71.68 71.68c-2.2528 1.4336-4.352 2.7136-6.3744 3.84 2.0736 1.1776 4.0192 2.3296 5.888 3.5328a231.0144 231.0144 0 0 1 40.1664 32.5632 228.2496 228.2496 0 0 1 34.1248 42.752l1.9456 3.328a141.568 141.568 0 0 1 3.2-5.376 231.04 231.04 0 0 1 32.8704-40.704 225.9712 225.9712 0 0 1 46.08-36.096 222.848 222.848 0 0 1-46.08-36.096 240.0512 240.0512 0 0 1-30.2848-36.6848z"
                      fill="#429EFD"
                      p-id="2280"
                    ></path>
                    <path
                      d="M512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0z m-56.32 212.9152c127.0784 0 230.4 41.9328 230.4 93.5168 0 33.4848-44.288 64.5376-115.584 81.1264a539.9552 539.9552 0 0 1-229.76 0c-71.3216-16.5888-115.6096-47.6416-115.6096-81.1264 0.128-51.584 103.5264-93.5168 230.6816-93.5168z m32.4352 527.36a1.2288 1.2288 0 0 1-1.1008 0.64h-31.616c-127.232 0-230.7584-41.9072-230.7584-93.44v-79.36a1.28 1.28 0 0 1 2.56 0c0 50.944 100.224 90.88 228.1984 90.88h14.464a1.28 1.28 0 0 1 1.3056 1.2544 153.6 153.6 0 0 0 16.9728 78.848 1.28 1.28 0 0 1 0.0512 1.0496z m21.9648-196.1984a151.2448 151.2448 0 0 0-36.4544 80.6912 1.28 1.28 0 0 1-1.28 1.1776h-16.7168c-127.0784 0-230.4-41.9584-230.4-93.5424v-79.5136a1.28 1.28 0 0 1 2.56 0c0 24.7552 23.5776 48 66.3808 65.408a442.0352 442.0352 0 0 0 161.4336 27.136 450.8928 450.8928 0 0 0 53.2992-3.4304 1.3824 1.3824 0 0 1 1.2544 0.6912 1.2288 1.2288 0 0 1 0 1.2032z m-49.6896-29.056H455.68c-127.0784 0-230.4-42.1376-230.4-93.9264v-79.5392a1.28 1.28 0 0 1 2.56 0c0 49.3056 104.96 90.9824 229.12 90.9824 122.5472 0 224.7936-39.7824 227.84-88.6528a1.3056 1.3056 0 0 1 1.28-1.2032 1.28 1.28 0 0 1 1.2288 1.28v83.6864a40.4992 40.4992 0 0 1-15.36 32.768 1.1008 1.1008 0 0 1-0.7936 0.2816 206.1824 206.1824 0 0 0-130.304 47.6928 1.28 1.28 0 0 1-0.5376 0.2304 393.4464 393.4464 0 0 1-79.8464 6.272z m323.5584 257.3056a159.4368 159.4368 0 1 1 0-225.6128 159.6928 159.6928 0 0 1 0.0768 225.4848z"
                      fill="#429EFD"
                      p-id="2281"
                    ></path>
                  </svg>
                </div>
                <div class="title">
                  {{ item.title }}
                </div>
              </a>
            </a-card-grid>
          </a-card>
        </a-col>
        <a-col style="padding: 0 12px" :xl="8" :lg="24" :md="24" :sm="24" :xs="24">
          <a-card title="帮助中心" style="margin-bottom: 24px" :bordered="false" :body-style="{ padding: 0 }">
            <div class="item-group">
              <a-button style="margin-right: 20px" @click="goHelperPage(1)">代理商教程</a-button>
              <a-button @click="goHelperPage(2)">加盟商教程</a-button>
            </div>
          </a-card>
          <a-card style="margin-bottom: 24px" :bordered="false" :body-style="{ padding: 0 }">
            <template #title>
              <span class="project">ERP应用</span>
            </template>
            <a-list item-layout="horizontal" :data-source="projectList">
              <a-list-item slot="renderItem" slot-scope="item, index">
                <a-list-item-meta v-if="index == 0">
                  <template #title>
                    <span class="projectTitle">{{ item.title }}</span>
                  </template>
                  <template #avatar>
                    <img src="@/assets/project5.png" width="80" height="80" class="appIcon" />
                  </template>
                  <template #description>
                    <p>{{ item.desc }}</p>
                    <p><a-button @click="ssoLoginErp()" type="primary" ghost>进入</a-button></p>
                  </template>
                </a-list-item-meta>
                <a-list-item-meta v-if="index == 1">
                  <template #title>
                    {{ item.title }}
                  </template>
                  <template #avatar>
                    <img src="https://myxp.oss-cn-hangzhou.aliyuncs.com/Static/StockApp1.png" width="100" height="100" class="appIcon" />
                  </template>
                  <template #description>
                    <p>{{ item.desc }}</p>
                    <p>
                      <a-button
                        @click="goDownPage('https://myxp.oss-cn-hangzhou.aliyuncs.com/App/myshop_230614_v1.0.1_1.apk')"
                        >下载App</a-button
                      >
                    </p>
                  </template>
                </a-list-item-meta>
              </a-list-item>
            </a-list>
          </a-card>
          <a-card title="收银应用" style="margin-bottom: 24px" :bordered="false" :body-style="{ padding: 0 }">
            <a-list item-layout="horizontal" :data-source="appList">
              <a-list-item slot="renderItem" slot-scope="item, index">
                <a-list-item-meta v-if="index == 0">
                  <template #title>
                    {{ item.title }}
                  </template>
                  <template #avatar>
                    <img src="https://myxp.oss-cn-hangzhou.aliyuncs.com/Static/CashApp1.png" width="100" height="100" class="appIcon" />
                  </template>
                  <template #description>
                    <p>{{ item.desc }}</p>
                    <p>
                      <a-button
                        @click="goDownPage('https://myxp.oss-cn-hangzhou.aliyuncs.com/App/myxp_230610_v3.9.2_1.apk')"
                        >下载App</a-button
                      >
                    </p>
                  </template>
                </a-list-item-meta>
                <a-list-item-meta v-if="index == 1">
                  <template #title>
                    {{ item.title }}
                  </template>
                  <template #avatar>
                    <img src="@/assets/app/CashierWeixin.jpg" width="100" height="100" class="appIcon" />
                  </template>
                  <template #description>
                    <p>{{ item.desc }}</p>
                    <p>
                      <a-button
                        @click="
                          goDownPage(
                            'https://myxp.oss-cn-hangzhou.aliyuncs.com/Static/%E6%94%B6%E9%93%B6%E5%B0%8F%E7%A8%8B%E5%BA%8F.jpg'
                          )
                        "
                        >下载小程序码</a-button
                      >
                    </p>
                  </template>
                </a-list-item-meta>
                
              </a-list-item>
            </a-list>
          </a-card>
        </a-col>
      </a-row>
    </div>
  </page-layout>
</template>

<script>
import { setToken } from '@/utils/erp/auth1'

import { timeFix } from '@/utils/util'
import { mapGetters } from 'vuex'

import PageLayout from '@/components/page/PageLayout'
import HeadInfo from '@/components/tools/HeadInfo'
import Radar from '@/components/chart/Radar'

const DataSet = require('@antv/data-set')

export default {
  name: 'Workplace',
  components: {
    PageLayout,
    HeadInfo,
    Radar,
  },
  data() {
    return {
      timeFix: timeFix(),
      appList: [
        {
          title: '收银台-App安卓版',
          desc: '功能简介：门店收银，管理门店库存，会员营销 。支持安卓和商米L2s（PDA）使用',
        },
        {
          title: '收银台-小程序',
          desc: '功能简介：门店收银，管理门店库存，会员营销。无需安装，扫码即用',
        },
      ],
      projectList: [
        {
          title: 'ERP系统',
          desc: '进销存管理',
        },{
          title: 'ERP-App安卓版',
          desc: '功能简介：仓库进销存管理 。支持安卓和商米L2s（PDA）使用',
        },
      ],
      projects: [
        {
          title: 'SKU档案',
          link: '/sku/list',
          type: 1,
        },
        {
          title: '入库单',
          link: '/stockIoBill/list',
          type: 2,
        },
        {
          title: '收银单',
          link: '/order/cashierList',
          type: 3,
        },
        {
          title: '调拨',
          link: '/stock/transferBill',
          type: 4,
        },
        {
          title: '返货',
          link: '/stock/returnBillList',
          type: 5,
        },
        {
          title: '日营业报表',
          link: '/report/dayreport',
          type: 6,
        },
      ],
      projects1: [
        {
          title: '会员',
          link: '/member/list',
          type: 1,
        },
        {
          title: '促销活动',
          link: '/marketing/signProdDis',
          type: 2,
        },
        {
          title: '优惠券',
          link: '/marketing/couponFullReduce',
          type: 3,
        },
        {
          title: '扫码领券',
          link: '/marketing/scanSenceList',
          type: 4,
        },
        {
          title: '会员发券',
          link: '/marketing/distCouponSenceList',
          type: 5,
        },
      ],
      loading: true,
      radarLoading: true,
    }
  },
  computed: {},
  created() {},
  mounted() {
    // this.getProjects()
  },
  methods: {
    ...mapGetters(['nickname', 'welcome']),
    getProjects() {
      this.$http.get('/mock/api/list/search/projects').then((res) => {
        this.projects = res.result && res.result.data
        this.loading = false
      })
    },
    goHelperPage(page) {
      if (page == 1) {
        window.open('https://docs.qq.com/slide/DYlFzSnltdXRxZVdU', '_blank')
      } else if (page == 2) {
        window.open('https://docs.qq.com/slide/DYlpYZUROeVNJRWxS', '_blank')
      }
    },
    goDownPage(page) {
      window.open(page, '_blank')
    },
    handlePage(page) {
      this.$router.push({ path: page })
    },
    redirectErp(config) {
      let successUrl = config.loginSuccessUrl
      const data = config.access_token

      if(!data){
        alert('登录失败，登录令牌未生成')
        return
      }

      setToken(data)
      window.open(successUrl, '_blank')
    },
    ssoLoginErp() {
      console.log('ssoLoginErp')
      this.$http.post('/sys/user/queryJxcSsoConfig').then((res) => {
        console.log(res)
        if (res.success) {
          let userName = res.result.thirdId
          if (!userName) {
            alert('用户未开通ERP')
            return
          }
          this.redirectErp(res.result)
        } else {
          alert('登录失败')
        }
      })
    },
  },
}
</script>

<style lang="less" scoped>
.project-list {
  .card-title {
    font-size: 0;
    text-align: center;
    a {
      color: rgba(0, 0, 0, 0.85);

      height: 24px;
      display: inline-block;
      vertical-align: middle;
      font-size: 14px;

      &:hover {
        color: #1890ff;
        text-decoration: underline;
      }
    }
  }
  .card-description {
    color: rgba(0, 0, 0, 0.45);
    height: 44px;
    line-height: 22px;
    overflow: hidden;
  }
  .project-item {
    display: flex;
    margin-top: 8px;
    overflow: hidden;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    a {
      color: rgba(0, 0, 0, 0.45);
      display: inline-block;
      flex: 1 1 0;

      &:hover {
        color: #1890ff;
      }
    }
    .datetime {
      color: rgba(0, 0, 0, 0.25);
      flex: 0 0 auto;
      float: right;
    }
  }
  .ant-card-meta-description {
    color: rgba(0, 0, 0, 0.45);
    height: 44px;
    line-height: 22px;
    overflow: hidden;
  }
}

.item-group {
  padding: 20px 0 8px 24px;
  font-size: 0;
  a {
    color: rgba(0, 0, 0, 0.65);
    display: inline-block;
    font-size: 14px;
    margin-bottom: 13px;
    width: 25%;
  }
}

.members {
  a {
    display: block;
    margin: 12px 0;
    line-height: 24px;
    height: 24px;
    .member {
      font-size: 14px;
      color: rgba(0, 0, 0, 0.65);
      line-height: 24px;
      max-width: 100px;
      vertical-align: top;
      margin-left: 12px;
      transition: all 0.3s;
      display: inline-block;
    }
    &:hover {
      span {
        color: #1890ff;
      }
    }
  }
}

.mobile {
  .project-list {
    .project-card-grid {
      width: 100%;
    }
  }

  .more-info {
    border: 0;
    padding-top: 16px;
    margin: 16px 0 16px;
  }

  .headerContent .title .welcome-text {
    display: none;
  }
}

.quickNav {
  width: 25%;
  text-align: center;
  cursor: pointer;

  a {
    color: rgba(0, 0, 0, 0.65);
    text-decoration: none;
  }
}

.appIcon {
  margin-left: 30px;
}

.project {
  display: inline-block;
  height: 40px;
  line-height: 40px;

  img {
    margin-right: 10px;
  }
}

.projectTitle {
  font-size: 14px;
  font-weight: 600;
}
</style>